<script setup>
	import {onPullDownRefresh} from'@dcloudio/uni-app'
	const pushLogin = () => {
		uni.navigateTo({
			url:'/pages/login/login'
		})
	}
	onPullDownRefresh(()=>{
		setTimeout(()=>{
			uni.stopPullDownRefresh()
		},1000)
	})
</script>
<template>
	<view   id="app" >
		<view v-if="false" class="main">
			<image class="image" 
			 src="../../static/user.png" mode="scaleToFill"></image>
		<view style="width: 1px; height: 15px;">
			
		</view>
		<button type="default" @click="pushLogin">还未登录请登录</button>
		</view>
		<view v-if="true" class="main">
			<image class="image" src="../../static/classify1.jpg" mode="center"></image>
			<view class="text">
				<uni-card>
				<template v-slot:title>
					<view style="margin: 0 auto;text-align: center;padding-top: 10rpx;">
					<text style="font-size:22px;">我们终将启程</text>
					</view>
				
				</template>
				</uni-card>
				<uni-card  title="性别" extra="男">

				</uni-card>
				<uni-card title="下载" extra="0" >
				</uni-card>
				<uni-card title="评分" extra="0" >
				</uni-card>
			</view>
		</view>
	</view>
</template>

<style lang="scss" scoped>
	     @import url("/app.style.scss");
		 .main {
			 display: flex;
			 flex-direction: column;
			 .image {
				 border-radius: 50%;
				  width: 190rpx;
				 height: 190rpx;
				 background-color: white;
				margin: 0 auto;
				box-shadow: 0 0 10px gray;
			 }
			 .text {
				 .text-info{
					 width: 100%;
					 display: flex;
				 justify-content: space-between;
				 }
			 }
		 }
		 
</style>
